<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author ETLee
    since 2012. 6. 28.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 6. 28.     ETLee     최초 생성
--%>

<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
<body style="padding:50px;" cz-shortcut-listen="true">
<script type="text/javascript">
    fnTabLayerToggle(${ bizNwrkMgmtVO.brViewType });
</script>
<div class="dimmed-frame" style="height: 1500px; opacity: 0.5; "></div>

<div id="branchstore" class="layerpopup branchstore" style="top: 250px; display: block; ">
    <div class="layerpopup-inner">
        <div class="layerpopup-contents subsection0">

            <div id="tab-wrap" class="tab-wrap02">
                <ul>
                    <li class="on"><a href="javascript:fnTabLayerToggle(0);"><img src="/kr/images/layerpopup/tab_branch01_over.gif" alt="영업점 소개"></a></li>
                    <li><a href="javascript:fnTabLayerToggle(1);"><img src="/kr/images/layerpopup/tab_branch02_out.gif" alt="영업사원보기"></a></li>
                    <li><a href="javascript:fnTabLayerToggle(2);"><img src="/kr/images/layerpopup/tab_branch03_out.gif" alt="지도보기"></a></li>
                </ul>
            </div>
            <!-- 영업점 소개 -->
            <div id="br" class="service-tab" style="display:;">
                <div class="tab-wrap02-cont">
                    <div class="branch-information">
                        <p class="store-name">
                            현대자동차 <em>${ result.brNm } ${ result.brScn }점</em>
                        </p>
                        <div class="information">
                            <ul class="list-type01">
                                <li><b>전화번호</b> <span class="bar">|</span> ${ result.brCcpc }</li>
                                <li><b>지점주소</b> <span class="bar">|</span> ${ result.brWpa } ${ result.brAdr } ${ result.brDtlAdr }</li>
                            </ul>
                            <p class="comment">
                                ${ result.brItdc }
                            </p>
                        </div>
                    </div>
                    <div class="gallery-wraper">
                        <div class="gallery-wrap02 subsection02">
                            <div class="gallery-cutter02" style="">
                                <div class="move-body" num="0" style="width: 2800px; ">
                                    <div style=""><c:if test="${ result.brItdcImg1 != '' }"><img src="/kr/temp/@branch_700x320.jpg" width="700" height="320" alt="영업점 이미지"></c:if></div>
                                    <div><c:if test="${ result.brItdcImg2 != '' }"><img src="/kr/temp/@branch_700x320.jpg" width="700" height="320" alt="영업점 이미지"></c:if></div>
                                    <div><c:if test="${ result.brItdcImg3 != '' }"><img src="/kr/temp/@branch_700x320.jpg" width="700" height="320" alt="영업점 이미지"></c:if></div>
                                    <div><c:if test="${ result.brItdcImg4 != '' }"><img src="/kr/temp/@branch_700x320.jpg" width="700" height="320" alt="영업점 이미지"></c:if></div>
                                    <div><c:if test="${ result.brItdcImg5 != '' }"><img src="/kr/temp/@branch_700x320.jpg" width="700" height="320" alt="영업점 이미지"></c:if></div>
                                    <div><c:if test="${ result.brItdcImg6 != '' }"><img src="/kr/temp/@branch_700x320.jpg" width="700" height="320" alt="영업점 이미지"></c:if></div>
                                </div>
                            </div>
                            <div class="control-area" style="display: none; ">
                                <button class="prev-btn disabled" style="display: none; "><img src="/kr/images/common/button/btn_gallery_prev.png" alt="이전 이미지"></button>
                                <button class="next-btn"><img src="/kr/images/common/button/btn_gallery_next.png" alt="다음 이미지"></button>
                            </div>
                        </div>
                    </div>
                    <div class="exhibit-car-info">
                        <h2><img src="/kr/images/layerpopup/h2_branch01.gif" alt="전시차량정보"></h2>
                        <div class="datatable-wrap">
                            <table summary="차량정보, 색상">
                            <caption>전시차량정보 정리</caption>
                            <colgroup>
                                <col width="60%">
                                <col width="40%">
                            </colgroup>
                            <thead>
                            <tr>
                                <th scope="col">차량정보</th>
                                <th scope="col">색상</th>
                            </tr>
                            </thead>
                            <tbody>
                        <c:forEach var="car" items="${ carList }" varStatus="status">
                            <tr>
                                <td>
                                    <div class="car-info-wrap">
                                        ${ car.saleCtyHanNm }
                                        <img src="/kr/images/common/button/btn_detail03.gif" alt="자세히보기" class="detail">
                                    </div>
                                </td>
                                <td class="center last">${ car.xrclCtyNm }</td>
                            </tr>
                        </c:forEach>
        
                            </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- //영업점 소개 -->
            <!-- 영업사원보기 -->
            <div id="cmst" class="service-tab" style="display:none;">
                <div class="tab-wrap02-cont">
                    <div class="branch-information">
                        <p class="store-name">
                            현대자동차 <em>${ result.brNm } ${ result.brScn }점</em>
                        </p>
                        <div class="information">
                            <ul class="list-type01">
                                <li><b>전화번호</b> <span class="bar">|</span> ${ result.brCcpc }</li>
                                <li><b>지점주소</b> <span class="bar">|</span> ${ result.brWpa } ${ result.brAdr } ${ result.brDtlAdr }</li>
                            </ul>
                        </div>
                    </div>
                    <div class="salesman-list">
                    <c:forEach var="cmst" items="${ cmstList }" varStatus="status">
                        <div class="row">
                            <div class="thumb"><c:if test="${ cmst.cmPhtg != null }"><img src="/file/imageView.do?filSn=${ cmst.cmPhtg }" style="width:114px; height:123px;"></c:if></div>
                            <div class="information">
                                <ul>
                                    <li>
                                        <em class="d-tit"><img src="/kr/images/layerpopup/txt_branch01.gif" alt="성명"></em>
                                        <p class="d-txt">${ cmst.cmNm }</p>
                                    </li>
                                    <li>
                                        <em class="d-tit"><img src="/kr/images/layerpopup/txt_branch02.gif" alt="소속"></em>
                                        <p class="d-txt">${ result.brNm }</p>
                                    </li>
                                    <li>
                                        <em class="d-tit"><img src="/kr/images/layerpopup/txt_branch03.gif" alt="휴대폰"></em>
                                        <p class="d-txt">${ cmst.cmCcpc }</p>
                                    </li>
                                    <li>
                                        <em class="d-tit"><img src="/kr/images/layerpopup/txt_branch04.gif" alt="이메일"></em>
                                        <p class="d-txt">${ cmst.cmEml }</p>
                                    </li>
                                    <li>
                                        <em class="d-tit"><img src="/kr/images/layerpopup/txt_branch05.gif" alt="인사말"></em>
                                        <p class="d-txt">${ cmst.cmGret }</p>
                                    </li>
                                </ul>
                                <a href="#"><img src="/kr/images/layerpopup/btn_application.gif" alt="구매상담신청" class="application"></a>
                            </div>
                        </div>
                    </c:forEach>
                    </div>
                </div>
            </div>
            <!-- //영업사원보기 -->    
            <!-- 지도보기 -->
            <div id="brMap" class="service-tab" style="display:none;">
                <div class="tab-wrap02-cont">
                    <div class="branch-information">
                        <p class="store-name">
                            현대자동차 <em>${ result.brNm } ${ result.brScn }점</em>
                        </p>
                        <div class="information">
                            <ul class="list-type01">
                                <li><b>전화번호</b> <span class="bar">|</span> ${ result.brCcpc }</li>
                                <li><b>지점주소</b> <span class="bar">|</span> ${ result.brWpa } ${ result.brAdr } ${ result.brDtlAdr }</li>
                            </ul>
                        </div>
                    </div>
                    <div class="map-api-area">&nbsp;</div>
                    <div class="contact-info">
                        <h2><img src="/kr/images/layerpopup/h2_branch02.gif" alt="찾아오시는길"></h2>
                        <div class="contact-detail">
                            <ul class="list-type01">
                                <li>
                                    <b class="d-tit">지하철</b>
                                    <p class="d-txt">${ result.brUgrdIron }</p>
                                </li>
                                <li>
                                    <b class="d-tit">버스</b>
                                    <p class="d-txt">${ result.brBus }</p>
                                </li>
                                <li>
                                    <b class="d-tit">자가용</b>
                                    <p class="d-txt">${ result.brPvcr }</p>
                                </li>
                                <li>
                                    <b class="d-tit">주차장</b>
                                    <p class="d-txt">${ result.brPklt }</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- //지도보기 -->    
        
        
        </div>
    <!-- close -->
        <div class="close-area">
            <div class="close-area-inner">
                <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" onclick="closeLayer('#popContents');">
            </div>
        </div>
    <!-- //close -->
    </div>
</div>
</body>
</html>